<template>
    <div>
        
    </div>
</template>

<script setup>
import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted } from 'vue'
/**
 *  生命周期
 *     1：多了一个setup 函数
 *     2：setup函数返回一个对象，对象中的属性会作为组件的属性
 */

 // 为了配合setup 在里面提供了大量的组合API的生命周期 api

// onMounted  选项式API 里面写的mounted
onMounted(()=>{
    console.log('2 此处在执行完onBeforeMount之后执行。')
})

onBeforeMount(()=>{
    console.log('3 此处在执行mounted之前执行。')
})

// 优先执行
console.log('1 此处在执行setup之后执行。')


// 要注意 在setup里面组合API的生命周期api中，没有beforeCareate和created


</script>


<style >
    
</style>